// pages/challenge/challenge.js
let timer;
var app=getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    MenuButton:app.globalData.MenuButton,
    avatar: '../../image/login1.png',
    avatarf: '../../image/login1.png',
    name: '你好',
    namef: '神秘大神你好啊',
    qstyle: '随机',
    questions: [{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    },{
      quiz: '欧洲举办最早也是最大型的公路自行车比赛是？',
      options: ['环德自行车赛', '环法自行车赛', '环西自行车赛', '环意自行车赛'],
      answer: 2,
      answer_str: '环法自行车赛',
    }, {
      quiz: '天干地支纪年法多少年为一个甲子？',
      options: ['50年', '60年', '70年', '40年'],
      answer: 2,
      answer_str: '60年',
    }, ],
    question: 0,
    maxq: 10,
    score: 50,
    max: 100,
    height: 900,
    time:10000,
    seconds:10,
    second:'100%',
    pcolor: {
      '0%': '#FFB3A7',
      '100%': '#C0B7ED'
    },
    isgame:false,
    transition:'width',
    animation:'',
    animationData:{}
  },

  tohome() {
    wx.switchTab({
      url: '../../pages/index/index',
    })
  },
  // 倒计时
  onChange(e){
    this.setData({
      seconds:e.detail.seconds
    })
  },
  finished(){
  },
  //option
  getoption(e) {
    const q = this.data.question
    const qs =  this.data.questions[q]
    const select = e.detail.select
    const countdown = this.selectComponent('.countdown')
    if ( qs.options[select] == qs.answer_str) {
      this.setData({
        max: this.data.max + this.data.score,
        result:true,
        isgame:false,
        transition:'none',
        second: this.data.seconds/this.data.time*100000+'%'
      })
        countdown.reset()
        setTimeout(() => {
        this.getNext(q)
      }, 1000);
      setTimeout(() => {
        // countdown.start()
      }, 2500);
    } else {
      this.setData({
        fail: true,
      })
      countdown.pause()
    }
  },
  // 下一题
  getNext(q){
    const animation = this.data.animation
    animation.rotateY(90).opacity(0.5).step().rotateY(0).opacity(1).step()
    this.setData({
      question: q + 1,
      animationData:animation.export(),
      result:false,
      second:'100%'
    })
    setTimeout(() => {
      this.setData({
        isgame:true,
        transition:'width',
      })
    }, 0);
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    let animation = wx.createAnimation()
    this.setData({
      isgame:true,
      animation:animation
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})